@charset "utf-8";
/* CSS Document */

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, .container table, .container caption, .container tbody, .container tfoot, .container thead, .container tr,.container th, .container td, input, select, textarea {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
* {margin: 0; padding: 0;}
body {font: 0.75em  Arial, Helvetica, sans-serif; line-height: 1.55; color: #333; background: #ebebeb;}

a:focus {outline: thin dotted;}
a:active, a:hover { outline: 0;}

a {text-decoration: none; color: #285286; outline: 0;}
a img {border: none;}
html body a:hover {text-decoration: underline;}
ul, ol {list-style: none; line-height: 1.45;}
blockquote, pre {padding: 0.25em 3.333em;}
blockquote {font: italic 1.05em Georgia, Times, serif;}

pre, code {font: 1em Monaco, "Andale Mono","Lucida Console","Courier New", monospace, serif;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: bold;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal;}
table, td, th {vertical-align: middle; border-collapse: collapse; border: 0;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}
img.left { float: left;}
img.right { float: right;}
hr { background: transparent url(../SiteCollectionImages/SedeElectronica/fn-separacion.png) repeat-x center; height: 2.55em; border: 0 !important; clear: both; }

/*Básico*/
h1, h2, h3 {font-weight: normal; color:#000;}
h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;}
h3, h4 {font-family: Arial, Helvetica, sans-serif;}
h1{font-size: 2em; padding: 0.55em 0; line-height: 1.25em;}
h2{font-size:1.65em;  padding: 0.55em 0; line-height: 1.25em;}
h3, .tt-destacar{ font-size:1.25em; color: #000; padding-bottom: 0.25em;}
h4 {font-size:1em; color: #000; font-weight: bold; padding: 0.25em 0;}

p {padding-bottom: 0.95em;}
.oculto, .offscreen {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px !important;}
.negrita, strong{ color: #000;}
.clear { clear: both; display: block; overflow: hidden;}

ol li { list-style: decimal outside ; margin-left: 30px; padding-bottom:10px;}

/*imagen flotando a...*/
.imagen_centrada {margin:5px auto; display:block; text-align: center;}
.imagen_derecha {float:right; background-color:#fff;padding:5px}
.imagen_izquierda {float:left; background-color:#fff;padding:5px}

/*Alinear texto*/
.center {text-align: center;}
.derecha {text-align: right;}
.izquierda {text-align: right;}

/* Estructura */
#main_container {width:989px; height:auto; margin: 3em auto; margin-bottom: 0; padding:0px; box-shadow: 0px 0px 18px #c0c0c0; border: 1px solid #d7d7d7; background: #fff;}
#main_container.full-width { width: 95%;}

#header{ height:100px; background: url(../SiteCollectionImages/SedeElectronica/fn-cabecera.png) repeat-x; position: relative;}

.center_content { padding: 0; overflow: hidden;}
.center_left, .center_columna {}
.center_left {/*width:700px;*/ padding: 2em 3em;
background: url(../SiteCollectionImages/SedeElectronica/fn-pagina-2.png) no-repeat bottom left, url(../SiteCollectionImages/SedeElectronica/fn-pagina.png) repeat-y top left; min-height: 380px; margin-left: 225px;}

.center_columna {width:201px; margin-right: 0; margin-left: 1.15em;float:left;}
.center_completo {padding: 2em 3.25em; min-height: 380px;}
.center_left a { text-decoration: underline;}
.center_left a:hover { text-decoration: none;}

/* Header */
.opcionessuperior {overflow: hidden; position: absolute; top: -2.35em; left: 0; font-size: 0.95em; line-height: 0.95em; margin-left: -0.65em; width: 100%;}
.opcionesizquierda{float:left;}
.opcionesderecha{float:right;}
.opcionessuperior a {color: #737373; font-weight: bold; padding: 0 0.75em; border-right: 1px solid #737373;}
.opcionessuperior ul li{display:inline; float:left;}
.opcionessuperior .ultimo, .opcionessuperior ul li:last-child a {border:0px; padding-right: 0;}

.logo {display:block; float:left; overflow: hidden; padding-left: 1.45em; padding-top: 1em;}
.logo img {border:0 none; padding-right: 3.5em;}
/*.logo a:first-child:after {content: "";  background: #fff url(../SiteCollectionImages/SedeElectronica/constitucion-40-p.png) no-repeat; width: 90px; height: 72px; display: inline-block; background-size: contain; margin-top: 0; margin-left: -12px; margin-right: 1em;}

#main_container.full-width .logo a:first-child:after { margin-right: 5em;}
*/
.buscador {position: absolute; top: 2.75em; right: 2em; }
.buscador .cajabusqueda{ border: 1px solid #ccc; border-right: 0; font-size: 1.25em; color: #666666; float: left; padding: 12px 20px}
#header input.botbuscar { float: left; border: 1px solid #ccc; border-left: 0; cursor:pointer; padding: 0;font-size: 1.15em;}

#header .titulo-app { background: url(../SiteCollectionImages/SedeElectronica/fn-tt-app.png) no-repeat center left; height: 100px; width: 320px; float: right;}
#header .titulo-app span {display: block; padding: 1.65em 1em; text-align: center; font-size: 1.85em; color: #848484;font-weight: bold; text-transform: uppercase; line-height: 1.35;}

/*Menu*/
.menu {background: #285286 url(../SiteCollectionImages/SedeElectronica/fn-menu.png) repeat bottom left; overflow: hidden; padding-bottom: 8px; width: 100%;}

.menu ul { background: url(../SiteCollectionImages/SedeElectronica/fn-nav.png) repeat-x; font-size: 1.25em; overflow: hidden; height: 54px;}
.menu ul li { display: inline; float: left; vertical-align:middle; border-right: 1px solid #304e66; border-left: 1px solid #7f9db5; height: 56px; /*width:151px;*/}
.menu ul li.selected { opacity: 0.7;}

.menu ul li:first-child { border-left: 0; width:70px;}
.menu ul li:last-child { border-right-color: #7f9db5;}

.menu ul li a {color: #fff; display: block; text-align: center; line-height: 1.05em; padding: 1.45em 0.93em 0 0.93em; height: 45px;}
.menu ul li:first-child a { padding-left: 0; padding-right: 0;}
.menu ul li a.grande { width: 158px; padding: 1em 1em 0 1em; }
.menu ul li a.mediano { width: 133px; padding: 1em 0 0 0;}
.menu ul li:last-child a {padding: 1.45em 0.75em 0 0.75em;}

.menu ul li a:hover { background: url(../SiteCollectionImages/SedeElectronica/fn-nav-hover.png) repeat-x; text-decoration: none; color: #f0f0f0;}
.menu ul li.selected a.activo, .menu ul li.selected a.activo:hover {background: url(../SiteCollectionImages/SedeElectronica/fn-nav-activo.png) repeat-x; color: #5B3503;}
.menu ul li.selected a.activo:hover {color: #000;}

/*Menú herramientas*/
.menu ul.herramientas  { height: 40px;}
.menu ul.herramientas li a { background: url(../SiteCollectionImages/SedeElectronica/iconos-herramientas.png) no-repeat 0 -38px; text-indent: -9000px; font-size: 0;}
.menu ul.herramientas li a:hover { opacity: 0.75;}
.menu ul.herramientas li:first-child, .menu ul.herramientas li { width: 50px;}
.menu ul.herramientas li:last-child{ border-right: 1px solid #7f9db5;}
.menu ul.herramientas li.home a { background-position: 15px 8px;}
.menu ul.herramientas li.info a { background-position: -35px 8px;}
.menu ul.herramientas li.print a { background-position: -85px 8px;}
.menu ul.herramientas li.alerta a { background-position: -140px 8px;}
.menu ul.herramientas li.ecofirma a { background-position: -195px 8px;}
.menu ul.herramientas li.requisitos a { background-position: -245px 8px;}
.menu ul.herramientas li.salir a { background-position: -295px 8px;}
.menu ul.herramientas li.correcto a { background-position: -342px 8px;}
.menu ul.herramientas li.error a { background-position: -395px 8px;}
.menu ul.herramientas li.a-cerca a { background-position: -455px 10px;}

.menu .tt-usuario { float: right; margin-top: -30px; color: #fff; font-weight: bold; padding-right: 2em;}
.menu .tt-usuario a {color: #fff;}

/*Footer*/
#footer {clear:both; color:#fff; overflow: hidden;margin-top: 1em; background: #285286;}
#footer a {color:#555;}
#footer li{ display:inline; margin-right:0px;}
#footer .ultimo{ border-right:0px;}
.footertop {background: #fff url(../SiteCollectionImages/SedeElectronica/fn-footer.png) no-repeat top center; padding: 3em 0 3em 3em;}
.footertop ul li {display:inline; padding: 0 1em; border-left: 1px solid #666; font-size:1.25em;}
.footertop ul li:first-child { border-left: 0; }

.left_footer, .right_footer{float:left; box-sizing: border-box; width: 55%; padding: 2.25em;padding-right: 0;}
.left_footer {width: 42%;}
.right_footer{ text-align: right; }
.right_footer img {vertical-align: middle; margin-left: 0.5em;}
.logo-feder { margin-right: 10%; border: 1px solid #fff;}
.left_footer p { padding: 0;}

/*Alertas*/
.panelalertas p, .PanelAvisos p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.35em; font-style: italic; border:1px solid #e48032; color: #000; padding: 0.55em 0.55em 1em 3.5em; line-height: 1.25em; margin-bottom: 1.75em; background: url(../SiteCollectionImages/SedeElectronica/im-alertas.png) no-repeat 10px center    ;}
.panelalertas span, .PanelAvisos span {border-bottom: 1px dotted #666;}

/*Sombras CSS3*/
.tabladatos, .cajafichadatos, .formulario  {border: 1px solid #d0d0d0; box-shadow: 0px 0px 8px #ccc; padding: 1em; margin: 1em 0 2em 0; overflow: hidden;}

 /*Grid - anchos y columnas*/
.col-1, .col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float:left; padding: 5px; box-sizing: border-box;}
.col-1 {width: 8.33333333%;}
.col-2 {width: 16.66666667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}

.columna {width: 33.3%; display: block; float: left;}

/*Breadcrumb*/
.migapan ol {display: inline;}
.migapan ol li {display: inline; margin: 0;}
.migapan ol li a { background: url(../SiteCollectionImages/SedeElectronica/bulletpan.png) no-repeat scroll right center transparent; color: #285286; padding-right: 10px; text-decoration: none;}
.migapan ol li a:hover { text-decoration: underline;}

.center_content .migapan  { padding: 2em 0 0 2em ;}
.center_content .center_completo .migapan, .center_content .center_left .migapan  { padding: 0;}

/*Submenú*/
.menu-lateral { margin: 2.35em 1.15em 0 0; background: url(../SiteCollectionImages/SedeElectronica/fn-columna-nav.png) no-repeat top; padding-top: 1em;}
.menu-lateral ul li { display: block;  padding: 0.55em 0.55em 0.55em 0.05em; border-bottom: 1px dotted #000; font-size: 1.15em; color: #000; line-height: 1.35em;}
.menu-lateral ul li.activo, .menu-lateral ul li.activo a { background: url(../SiteCollectionImages/SedeElectronica/flecha-naranja.png) no-repeat 180px 14px; color: #285286;}
.menu-lateral ul li a { color: #000; display: block;}
.menu-lateral ul li a:hover { color: #666; text-decoration: none;}

.menu-lateral ul ul{ padding-bottom: 5px;}
.menu-lateral ul li li{ font-size: 0.85em; border-bottom: 0; padding: 0; padding-left: 0.75em; background: url(../SiteCollectionImages/SedeElectronica/flecha-negra.png) no-repeat 0 9px; padding-top: 5px;}

/*Páginas interiores*/
.linea {background: url(../SiteCollectionImages/SedeElectronica/fn-separacion.png) repeat-x; padding-top: 2.5em; margin-top: 1em;}

ul.faq-list li { background: url(../SiteCollectionImages/SedeElectronica/im-bullet.png) no-repeat 5px 5px; padding-left: 20px; padding-bottom: 0.55em;}
 ul.faq-list li li{ background: none; list-style-type: disc; padding-left: 0; margin-left: 20px;}
 
/*Iconos de extensiones*/
.file, .faq-list .file2, .detallesperfil .file2, .file2, .enlacedestacado {background-repeat: no-repeat; font-size: 1em; line-height: 24px;}
p a.file2, p a.file, .file2, ul li a.file, a.file, a.file2 {padding-bottom: 0.55em;}

.htm, .aspx, .jsp, .es, .com, .php, .do, .pdf, .doc, .xls, .ppt, .zip, .xsig, .xml, .odt, .docx { padding-left: 1.75em; }

.pdf, pdf:hover, li.pdf {background: url("images/pdf.png") no-repeat scroll left top transparent    !important; }
.doc, .doc:hover, .docx, .docx:hover {background: url("images/word.png") no-repeat scroll left top transparent    !important;}
.ppt, ppt:hover {background: url("images/ppt.png") no-repeat scroll left top transparent    !important;}
.xls, .xls:hover {background: url("images/excel_csv.png") no-repeat scroll left top transparent    !important;}
.htm, .aspx, .jsp, .htm:hover, .aspx:hover, .jsp:hover, .xml, .xml:hover {background: url("images/mundo.png") no-repeat scroll left top transparent    !important;}
.xsig, .xsig:hover {background: url("images/xsig.png") no-repeat scroll left top transparent    !important}
.zip, .zip:hover {background: url("images/zip.jpg") no-repeat scroll left top transparent    !important;}
.zip, .zip:hover {background: url("images/zip.jpg") no-repeat scroll left top transparent    !important;}
.htm, .aspx, .jsp, .es, .com, .php, .do {background: url("images/mundo.png") no-repeat scroll left top transparent    !important;}
.odt, .odt:hover {background: url("images/odt.png") no-repeat scroll left top transparent    !important; }


/*Tabla de datos*/
.tabladatos { padding: 0;}
.tabladatos caption {color: #666; font-weight: normal; font-size: 0; text-indent: -1000px; position: absolute;}
.tabladatos table {font-size: 1em; width: 100%;}
.tabladatos table th, .tabladatos table td { border-left: 1px solid #d2d2d2; text-align: left;}
.tabladatos table th:first-child, .tabladatos table td:first-child { border-left: 0;}
.tabladatos table th {width: 115px;  font-size: 1.15em; line-height: 1.15em;}
.tabladatos table tr:first-child td, tfoot th { border-top:  1px solid #d2d2d2;}
.tabladatos table th { background: url(../SiteCollectionImages/SedeElectronica/fn-tabla-th.png) no-repeat top right; color: #555; padding-left: 11px; height: 44px; }
.tabladatos table th.sin { background-position: top left;}
.tabladatos table th a {display: block; position: relative; text-decoration: underline;}
.tabladatos table td a { display: block; padding-bottom: 0.25em; line-height: 1.45em;  text-decoration: none;}
.tabladatos table th a:hover, .tabladatos table td a:hover { text-decoration: none;}

.tabladatos th img.imagenderecha {float: right; margin:-13px 5px 0 5px;}
.tabladatos table th.doble img.imagenderecha{top: 8px;}
.tabladatos table td { padding: 15px 10px; vertical-align: top; border-top: 1px dotted #666;}

.tabladatos table tr.odd td { background: #f5f5f5;}
.tabladatos table td span{display: block; font-size: 1.15em; padding-bottom: 5px; color: #000; }
.tabladatos table th.atributos { width: 115px;}

.tabladatos.documentacion legend { text-align: center; padding-top: 1em;}
.tabladatos.documentacion fieldset {margin:  0;}
.tabladatos.documentacion label {font-size:  1em; line-height: 1.25em; color:  #555;}

.tabladatos.documentacion table th {color: #555; padding-left: 11px; height: 44px;}
.tabladatos.documentacion table th:first-child { width:  250px;}

.tabladatos.documentacion table thead th { border-bottom:  3px solid #d2d2d2; background: #ddd; color:  #000; font-size: 1.35em; text-align: center; 
padding:  0.55em 1em;}
.tabladatos.documentacion table tbody th { border-bottom:  1px solid #d2d2d2; background:  #f0f0f0;}
.tabladatos.documentacion table td { border-bottom:  1px solid #d2d2d2; text-align: center;}
.tabladatos.documentacion input[type=checkbox], .tabladatos.documentacion input[type=radio] {float: none;}

/*Paginación*/
.paginado {font-size: 0.9em; margin-top: 2em; overflow: hidden;}
.paginado ul{float: right; line-height: 3em;}
.paginado li { border: 1px solid #285286; display: inline; margin-left: 5px; padding: 3px 5px !important;}
.paginado li a {padding-left: 0; text-decoration: none;}

.todostramites {text-transform: uppercase; font-weight: bold; float: left;}
.todostramites a { text-decoration: underline;}
.paginado .actual { background: #285286; color: #fff; font-weight: bold;}
.paginado li.inactivo {display: none;}
.paginado .inactivo a {color: #aaa !important;}

/*Fichas*/
.cajafichadatos dl {border-bottom: 1px dotted #888888;}
.cajafichadatos dt {width: 200px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.35em; color: #285286; float: left; clear: left; padding-top: 5px;}
.cajafichadatos dd {margin-left: 200px; padding-top: 10px; padding-bottom: 3px;}
.cajafichadatos dd, .cajafichadatos dt { margin-bottom:10px; border-top: 1px dotted #888;}

input.volver {text-transform: uppercase; color: #285286; border: 0; background: none; cursor: pointer; font-size: 0.95em; font-weight: bold; text-decoration: underline;}

.cajaformularioinfo, .boton-nueva-busqueda, .boton-participa { margin: 10px 0; background:url(../SiteCollectionImages/SedeElectronica/bt-flecha-azul.png) no-repeat;}
.cajaformularioinfo a, .boton-nueva-busqueda a, .boton-participa a, input.nuevabuscar  {color: #fff !important; display: block; padding: 10px 15px; text-transform: uppercase; width: 255px; font-weight: bold; text-decoration: none;}

.cajaformularioinfo a {background: url(../SiteCollectionImages/SedeElectronica/im-informacion.png) no-repeat right 6px;}
.boton-nueva-busqueda a {background: url(../SiteCollectionImages/SedeElectronica/im-buscar.png) no-repeat right 6px;}

.center_columna .cajaformularioinfo  { background: none;}
.center_columna .cajaformularioinfo a { background:  url(../SiteCollectionImages/SedeElectronica/fondo-boton.png) repeat-x; color: #666 !important; text-decoration: none; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.25em; padding: 5px 0; text-transform: none; font-weight: normal; float: none; border: 1px solid #d0d0d0;
box-shadow: 0 0 8px #ccc; margin-top: 2em; text-align: center; width: 180px;}

input.nuevabuscar { margin-top: 20px; border: 0; font-family: Arial, Helvetica, sans-serif; text-align: left; width: 306px; background: #285286 url(../SiteCollectionImages/SedeElectronica/bt-flecha-buscar-azul.png) no-repeat; cursor: pointer; padding: 1em;}

.boton-participa a {background: url(../SiteCollectionImages/SedeElectronica/im-participa.png) no-repeat right 6px;}

.cajaformularioinfo a:hover, .boton-nueva-busqueda a:hover, .boton-participa a:hover, a.botonbuscar:hover {opacity: 0.75;}

span.destacado { font-weight: bold; color: #000;}

/*Formularios*/
.formulario {padding: 1.25em 2em; overflow: hidden;}
fieldset {margin: 1em 0;}
legend {font-family: Georgia,"Times New Roman",Times,serif; color: #666; font-size: 1.65em; border-bottom: 1px dotted #666;margin-bottom: 1em; line-height: 1.45em; word-wrap:break-word; min-width: 500px;}
fieldset fieldset legend { font-size: 1.45em; border: 0; color: #000;}
label {font-size: 1.15em; color: #000; display: block;}

input[type=text], input[type=file], input[type=date], input[type=tel], input[type=email], input[type=password], select, textarea, select[multiple], input[type=button] {border: 1px solid #aaa; padding: 5px; color: #555;font-family: Arial, Helvetica, sans-serif; width: 100%; box-sizing: border-box; height: 30px;}

input[type=button] { background: #ddd; text-align: center;}
input[type=file] {width: auto;}
textarea, select[multiple] {overflow: auto; min-height: 100px;}
select[multiple] {vertical-align: bottom;}

input[type=checkbox], input[type=radio] {width: auto; display: inline; float: left; margin-right: 0.55em; border: 0; margin-top: 3px;}
label.radio, label.checkbox { float: left; margin-right: 1em; display: inline; color: #555; min-width: 80px;}

input[type=submit], input[type=reset], input.botonbuscar, a.botonbuscar, input.botondescargar, input.boton-gris {text-transform: uppercase; font-size: 0.95em; cursor: pointer; font-weight: bold; color: #fff; width: auto; float: right; margin: 1em 0.55em;}
a.botonbuscar { text-decoration: none;}

input[type=submit], input.botonbuscar, a.botonbuscar, input.botondescargar {background:#285286 url(../SiteCollectionImages/SedeElectronica/fn-buscar-azul.png) repeat-x right top; border: 1px solid #285286;padding: 0.65em 3em; }

input[type=reset], input.boton-gris {background: #ddd url(../SiteCollectionImages/SedeElectronica/fn-boton.png) repeat-x; color: #000;border: 1px solid #ccc; padding: 0.65em 1em;}

a.boton-adjuntar, a.boton-borrar, input.boton-adjuntar, input.boton-borrar {text-transform: none; font-weight: normal; padding: 0.45em 1.55em 0.45em 2.25em; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.15em; border: 1px solid #ccc; color: #000; text-decoration: underline; margin: 0 0.25em;}

a.boton-adjuntar, input.boton-adjuntar {background: #ddd url(../SiteCollectionImages/SedeElectronica/upload.png) no-repeat 12px 9px;}
a.boton-borrar, input.boton-borrar {background: #ddd url(../SiteCollectionImages/SedeElectronica/quitar.png) no-repeat 12px 9px;}

input[type=text]:hover, textarea:hover,select:hover, input:focus, textarea:focus, select:focus {border: 1px solid #168ec6;}
input[type=submit]:hover,input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus {opacity:0.75; border: 1px solid #ccc;}

input.obligatorio, textarea.obligatorio, select.obligatorio, :required {background: #ffffdd; padding: 4px; text-align: left; font-style: normal;}

input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly]{ background:#efefef; border: 1px solid #ccc; color: #666;}

p.obligatorio { text-align: left; padding-bottom: 1.55em;}
span.obligatorio { color: red;}
span.error, .error, .captcha span.error { color: red; font-size: 1em;}

/*Botones y pasos para formulario */
.bt-volver, .bt-avanzar, .bt-pasos { border: 1px solid #285286;text-transform: uppercase; font-size: 0.95em; font-weight: bold; display: inline-block;}
.bt-volver, .bt-avanzar {margin: 1em; padding: 0.65em 1em; }
.bt-avanzar {background: url(../SiteCollectionImages/SedeElectronica/flechas-pasos.png) no-repeat right top; padding-right: 2em;}
.bt-volver {background: url(../SiteCollectionImages/SedeElectronica/flechas-pasos.png) no-repeat left bottom; padding-left: 2em;}
.bt-pasos { margin-right: 1em;  padding: 0.65em 1em;}

.bt-avanzar:hover, .bt-volver:hover, .bt-pasos:hover {background-color: #285286; color: #fff; text-decoration: none;}
.bt-avanzar:hover { background-position: right -35px; }
.bt-volver:hover {background-position: left -89px;}

.bt-activo {background-color: #285286; color: #fff;}
.bt-inactivo, .bt-inactivo:hover {background-color: #f1f1f1; color: #666; border-color: #f1f1f1;}

/*Formularios de las Aplicaciones*/
.formulario select.ficheros { width: 44%;}
a.boton_link {background: url(../SiteCollectionImages/SedeElectronica/fn-boton.png) repeat-x; color: #000; font-family: Georgia,"Times New Roman",Times,serif;font-size: 1em; height: 20px; padding: 0.65em 1em 0.55em 1em; text-align: center;display: inline; border: 1px solid #ccc; margin: 0 1em;}
a.boton_link img {vertical-align: middle; margin: 0 5px;}
/*Buscador*/
.cajafichadatos {background: #f5f5f5 url(../SiteCollectionImages/SedeElectronica/fn-buscador.png) repeat-x bottom center;}
.buscadorinferior, .linea-separacion {background: url(../SiteCollectionImages/SedeElectronica/fn-separacion.png) repeat-x; margin-top: 2em; padding-top: 1em;}
.linea-separacion { padding-top: 2em;}
.lineaformulario {overflow: hidden; padding-bottom: 15px;}
.lineaformulario label {display: inline; float: left ;width: 35%; position: relative;}
.lineaformulario label span.aclaracionsalto {font-size:0.75em; color: #555; font-style: italic; float: left; position: absolute; top: 20px; left: 0; }

.lineaformulario input[type=text], .lineaformulario select, .lineaformulario input[type=password] {display: inline; float: left; width: 61%;}

.boe select {margin-right: 2%; width: auto;}
.entrecajas {display: inline-table; float: left; margin-left: 0; margin-right: 10px; padding-top: 3px;}

.lineaformulariocorta {font-weight: bold; padding-top: 2em; margin-right: 2.25em;}
.lineaformulariocorta a, .masprocedimientos a {color: #285286; text-decoration: underline !important;}
.lineaformulariocorta a:hover, .masprocedimientos a:hover {text-decoration: none !important;}

/*Calendario*/
.calendario {width: 325px; overflow: hidden;position: relative;}
.lun, .mar, .mie, .jue, .vie, .sab, .dom, .dia0, .dia1, .dia2, .dia3, .dia4, .dia5, .dia6 {float: left;  margin: 3px; padding: 3px 5px;}
.lun, .mar, .mie, .jue, .vie, .sab, .dom {background: #285286; color: #fff; font-weight: bold; text-align: center; width: 30px;}
.dia0 a, .dia1 a, .dia2 a, .dia3 a, .dia4 a, .dia5 a, .dia6 a {display: block;}
.dia0, .dia1, .dia2, .dia3, .dia4, .dia5, .dia6 { border: 1px solid #ccc; width: 28px; text-align: right;}

.mesSiguiente {float: right; padding-right: 8px ;text-align: right; font-size: 1.25em;}
.mesAnterior {padding-left: 8px;text-align: left; float: left; font-size: 1.25em;}
.descripcionMes {float: left; text-align: center; width: 260px; font-size: 1.25em; color: #000; padding-bottom: 10px;}
.mesAnterior a, .mesSiguiente a {font-weight: bold;}
.contenedorCalendario {margin-left: 28px;}
.dia5 a, .dia6 a {color: #000000 !important;}
.seleccionado {background: #e0e0e0;}
.seleccionado a { color: #000;}
.cerrar {background-color: #000; font-weight: bold; height: 18px; text-align: center; width: 20px; position: absolute; top: 4px; right: 5px;}
.cerrar a {color: #FFFFFF !important;}

.toolbarCalendario {overflow: hidden;}
.navegacionMeses { float: left; margin-top: 9px; width: 320px;}

.bloque-izq { float: left; width: 166px; height: 65px;}
.bloque-izq input , .bloque-izq select { width: 140px;}

.bloque-izq  {width: 220px;}
.bloque-izq  input {width: 190px;}
.bloque-izq  select {width: 210px;}

.bloque-izq  input { padding: 5px 4px;}
.contador { padding-bottom: 15px; text-align: right;}

/*Mapa web*/
.mapaweb a.inicio { text-indent: -1000px; position: absolute; font-size: 0;}
.mapaweb a.inicio:hover { text-decoration: none; border-bottom: 1px dotted #666; color: #666;}
.mapaweb ul {padding-left: 2em;}
.mapaweb ul ul{padding-left: 0.55em;}
.mapaweb ul li {font-size: 2em; font-family: Georgia,"Times New Roman",Times,serif; }
.mapaweb ul li li { border: 0; font-size: 0.75em;margin-bottom: 6px; margin-top: 5px; padding-bottom: 0;}
.mapaweb li li li {font-size: 0.75em; font-family: Arial,Helvetica,sans-serif; background: url(../SiteCollectionImages/SedeElectronica/flecha-negra.png) no-repeat 0 6px; padding-left: 0.65em;}
.mapaweb li li li a {color: #000 !important;}

/*Contacto*/
.direccion { margin-bottom: 2em; overflow: hidden;  margin-top: 1em;}
.direccion  h3 { font-family: Georgia,"Times New Roman",Times,serif; color: #285286;}
.direccion div { float: left; width: 40%; min-height: 100px; padding: 0 5%; padding-top: 20px;}
.direccion div:first-child { border-right: 1px dotted #666; padding-left: 0; padding-top: 0;}
.direccion p, .direccion p{ padding-bottom: 0.55em; margin-bottom: 0;}
.direccion span{ display: block;}
span.small { font-size: 0.95em;}


/*Cookies slide down*/
.aviso-cookie h2 { font-size: 1.55em; background: none; color: #fff !important; margin: 0; padding-top: 0; border: 0 !important;}
.cookie-wrapper { background: #5e7aa1 url(../../SiteCollectionImages/SedeElectronica/fn-azul-cookies.png) repeat-x; padding: 0;}
.cookie-wrapper, body.teleco .cookie-wrapper, body.industria .cookie-wrapper, body.turismo .cookie-wrapper {border: 1px solid #5e7aa1;}
.fn-cookie{color: #fff; margin: 0 auto; width: 600px; padding: 1em; position: relative;}
.aviso-cookie  {background: url(../../SiteCollectionImages/SedeElectronica/fn-cookies.png) no-repeat left top; overflow: hidden; padding-bottom: 1em; /*display: none;*/ }
.aviso-cookie a { color: #fff; text-decoration: underline;}
.aviso-cookie a:hover { text-decoration: none;}
.aviso-cookie ul li { float: left; display: inline; margin-right: 3em ; margin-top: 1em;}
.aviso-cookie li a, .aviso-cookie input { background: #fff; color: #264c80; border-radius: 1em; padding: 0.35em 2em 0.35em 1em; border: 0; cursor: pointer; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; display: block;}
.aviso-cookie input.cerrar, .aviso-cookie li a.cerrar {border-radius: 0; color: #fff; position: absolute; top: 0.55em; right: -80px; background: transparent url(../../SiteCollectionImages/SedeElectronica/bt-cerrar.png) no-repeat right 2px; padding-right: 3.75em;}
.aviso-cookie a:hover, .aviso-cookie button:hover { opacity: 0.5;}

/*Loading*/
.modalBackground {background-color: #fff;}
#simplemodal-container {height:100px; width:300px; color:#000; background-color:#fff; border:1px solid #ccc; padding:3em; padding-bottom: 4em; box-shadow: 0px 0px 8px #ccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.55em; margin: auto; text-align: center;}
     

/* Aplicaciones Backend y Frontend con los mismos recursos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body.back-office #main_container {box-shadow: none;}
body.back-office #header {background: #f1f1f1;}
body.back-office #header .titulo-app span {color: #000;}
body.back-office #footer {background: #242b33; border-top: 5px solid #0d9196;}
body.back-office .menu  {background: #a90061;}
body.back-office .menu ul {background: #118191; background: linear-gradient(to right, #118191 0%,#00c8a6 100%);}
body.back-office .menu ul li { text-transform: uppercase; border-left: 0;}
body.back-office .menu ul li, .menu ul li:last-child, .menu ul.herramientas li:last-child {border-right: 1px solid rgba(255,255,255, .6);}
body.back-office .menu ul li a:hover { background-color: #a90061; background-image: none;}

/*Menú herramientas*/
body.back-office .menu ul.herramientas li a { background: url(../SiteCollectionImages/SedeElectronica/iconos-herramientas.png) no-repeat 0 -38px;}
body.back-office .menu ul.herramientas li a:hover { opacity: 1; background-color: #a90061;}
body.back-office .menu ul.herramientas li:first-child, .menu ul.herramientas li { width: 50px;}
body.back-office .menu ul.herramientas li.home a { background-position: 15px 8px;}
body.back-office .menu ul.herramientas li.info a { background-position: -35px 8px;}
body.back-office .menu ul.herramientas li.print a { background-position: -85px 8px;}
body.back-office .menu ul.herramientas li.alerta a { background-position: -140px 8px;}
body.back-office .menu ul.herramientas li.ecofirma a { background-position: -195px 8px;}
body.back-office .menu ul.herramientas li.requisitos a { background-position: -245px 8px;}
body.back-office .menu ul.herramientas li.salir a {background-position: -295px 8px;}
body.back-office .menu ul.herramientas li.correcto a { background-position: -342px 8px;}
body.back-office .menu ul.herramientas li.error a { background-position: -395px 8px;}

body.back-office .menu-lateral {background: none;}
body.back-office .menu-lateral ul li {border-bottom: 1px solid #ccc; }
body.back-office .menu-lateral ul li.activo {border-bottom: 3px solid #118191;}
body.back-office .menu-lateral ul li a {color: #118191;}
body.back-office .menu-lateral ul li a:hover, body.back-office .menu-lateral ul li.activo a {color: #000;}

/*Botones*/
body.back-office input[type=submit], body.back-office input[type=reset], body.back-office input.botonbuscar, body.back-office input.botondescargar {border-radius: 15px;}
body.back-office input[type=submit], body.back-office input.botonbuscar {background: #fff; color: #a90061; 
border: 3px solid #a90061;}
body.back-office input[type=reset] {background: #fff; color: #50555c; border: 3px solid #50555c;}

body.back-office input[type=submit]:hover, body.back-office input.botonbuscar:hover {background: #a90061; color: #fff; border: 3px solid #a90061; opacity: 1;}
body.back-office input[type=reset]:hover {background: #50555c; color: #fff; border: 3px solid #50555c;}

body.back-office .bt-volver, body.back-office .bt-avanzar, body.back-office .bt-pasos {border-radius: 15px; border: 2px solid #118191; color: #118191; text-decoration: none;}
 
body.back-office .bt-avanzar:hover, body.back-office  .bt-volver:hover, body.back-office  .bt-pasos:hover {background-color: #118191; color: #fff; text-decoration: none;}
body.back-office .bt-activo {background-color: #118191; color: #fff;}
body.back-office .bt-inactivo, body.back-office  .bt-inactivo:hover {background-color: #f1f1f1; color: #666; border-color: #ccc;}

body.back-office .tabladatos, body.back-office .cajafichadatos, body.back-office .formulario {box-shadow: none;}
body.back-office .cajafichadatos, body.back-office .formulario {border: 0;}
body.back-office .tabladatos {border: 5px solid #f1f1f1;padding: 1px;}
body.back-office .cajafichadatos {background: #f0f0f0;}

/*Tablas*/

body.back-office .tabladatos table th { background: #118191; color: #fff; font-weight: bold;}

body.back-office .tabladatos table th a{color: #fff;}
body.back-office .tabladatos table td {border-top:0;}